<template>
<div class="footer">

  <div class="links">
    <a @click="$router.push('/about')">关于我们</a>
    <span>|</span>
    <a :href="officeWebsite">官方网站</a>
  </div>

  <div class="layout-copy">
    &copy; 2017-2020  All Rights Reserved
  </div>

</div>
</template>

<script>
import Config from '@/config'

export default {
  name: 'Footer',
  data () {
    return {
      officeWebsite: ''
    }
  },
  computed: {
  },
  created () {
    this.officeWebsite = Config.OFFICIAL_WEBSITE
  },
  methods: {
  }
}
</script>

<style scoped>

.footer {
  text-align: center;
  min-height: 84px;
  background-color: #EFF4FA;
  border-top: 1px solid #D6DFEA;
  line-height: 180%;
}

.bottom {
  position: fixed;
  width: 100%;
  bottom: 0px;
}

.links {
  margin-top: 12px;
}


</style>

